@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}

//section 中部
section{
    padding: v(32) v(220) v(136);
    box-sizing: border-box;
    //大图
    .section_bigPic>img{
        width: 100%;
        margin-bottom: v(172);}
    //中底部小区
    .section_smPic{
        width: 100%;
        display: flex;
        justify-content: space-between;
        //图片
        .smPic>img{width: v(853);}
        .smPic:hover >img{animation: flash 1s;}
        //文字内容
        .smPic_content{
            width: v(466);
            padding-top: v(35);
            padding-bottom: v(134);
            p{text-align: justify;
                line-height:20px;
                margin: v(46) 0 v(90);}
            button{
                padding: v(23) v(106) v(21);
                border: 1px solid black;
                background: transparent;
            }
            button:hover{background: black!important;color: white!important;}
        }
        .smPic_content_1st{
            >img{width: v(342);}
            padding-left: v(97);
            padding-right:v(28);
        }
        .smPic_content_2nd{
            >img{width: v(330);}
            padding-left: v(53);
            padding-right:v(72);
        }
    }
//-/section
}
//底部图片
.section_footer{
    background: url(../img/3,4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: v(989);
    position: relative;
}


//----------------------------------------media
@media (max-width:768px) {
    section {
        .section_smPic {
            .smPic_content {
                p {line-height: v(40);
                    margin: v(10) 0 v(40);}
                button {font-size: 12px;
                    padding: v(10) v(50) v(10);}
            }
        }
    }
}


//----动画
@-webkit-keyframes flash {
  50% {
    opacity: 0;
  }

  25%,
  75% {
    opacity: 1;
  }
}

@keyframes flash {
  50% {
    opacity: 0;
  }

  25%,
  75% {
    opacity: 1;
  }
}